﻿<!DOCTYPE HTML>
<html>
<!-- jQuery库 -->
<script src="js/jquery-1.10.1.js"></script>
<meta http-equiv="Content-Type" content="charset=utf-8">
<body>
<!-- 从下到上依次为背景，立绘，文本窗口，精灵，精灵文字，接受点击的div，debug信息 -->
<canvas id="background2" width=800 height=600 style="position:absolute;"></canvas>
<canvas id="background1" width=800px height=600 style="position:absolute;"></canvas>
<canvas id="characterimage" width=800 height=600 style="position:absolute;"></canvas>
<canvas id="textwindow" width=800 height=600 style="position:absolute;"></canvas>
<canvas id="sprite" width=800 height=600 style="position:absolute;"></canvas>
<canvas id="spritetext" width=800 height=600 style="position:absolute;"></canvas>
<div id="top" style="position:absolute;"></div>
<div id="debug" style="position:absolute;"><textarea id="debugmsg" style="margin:0; padding:0; width:100%; height:100%" readonly="readonly"></textarea>
	<div id=gamestatus></div>
</div>

<!-- 相关信息 -->
<div id="information" style="position:absolute; cursor:pointer" onclick="location.href='https://code.google.com/p/nanami-project/'">Nanami Project --- A HTML5 AVG Engine</div>

<!-- 各类库文件 -->
<!-- 背景相关 -->
<script src="lib/background.js"></script>
<!-- 立绘相关 -->
<script src="lib/characterimage.js"></script>
<!-- 文本窗口相关 -->
<script src="lib/textwindow.js"></script>
<!-- 声效相关 -->
<script src="lib/soundeffect.js"></script>
<!-- 游戏相关 -->
<script src="lib/kp.js"></script>
<!-- 键盘鼠标输入相关 -->
<script src="lib/keyboard.js"></script>
<!-- 系统脚本相关 -->
<script src="lib/system.js"></script>
<!-- 精灵 -->
<script src="lib/sprite.js"></script>
<!-- 剧本 -->
<script src="lib/scenario.js"></script>

<script type="text/javascript">
$(document).ready(function(){
	game = nanamiproject('nanami-project');
	game.init(800,600);// 改变这个数值是缩放，并未改变大小，仍然按800x600的画布绘制
	// ci.draw('img/tachie1.jpg');
	//fronttoback();
});
</script>
</body>
</html>